<template>
	<div class="container">
		<div class="content">
			<settingCell title="手机号" :value="userInfo.phone" @click.native="toEditMobile" :active="true"></settingCell>
			<settingCell title="修改密码"  @click.native="toReset"></settingCell>
			<settingCell title="关于我们"  @click.native="toAboutUs()"></settingCell>
			<settingCell title="退出登录"  @click.native="logout()" :showArrow="false"></settingCell>
			<!-- <settingCell title="手机号" :value="userInfo.phone" @click.native="toEditMobile" :active="true"></settingCell> -->
		</div>
	</div>
</template>

<script>
import data from '@/js/my/setting/data.js';
import methods from '@/js/my/setting/methods.js';
import { mapState } from 'vuex';
import navigationBar from '../../components/navigationBar.vue';
import settingCell from '@/components/settingCell.vue';
import btn1 from '../../components/btn1.vue';
export default {
	data,
	methods,
	onLoad() {
	
	},
	onShow() {
		// this.getUserInfo()
	},
	onHide() {},
	components: {
		navigationBar,
		settingCell,
		btn1
	},
	computed: {
		...mapState(['navigationBarHeight', 'userInfo'])
	}
};
</script>

<style scoped lang="scss">
@import '~@/style/my/setting.scss';
</style>
